<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Our Team</title>
    <!-- 引入窗口图标 -->
    <link rel="shortcut icon" href="../img/icon/bitbug_favicon.ico">
    <!-- 引入基础公共样式 -->
    <link rel="stylesheet" href="../css/base.css">
    <!-- 引入样式 -->
    <link rel="stylesheet" href="../css/index.css">
    <!-- 引入头部样式 -->
    <link rel="stylesheet" href="../css/head.css">
    <!-- 引入公用样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入阿里图标 -->
    <link rel="stylesheet" href="../css/font/font_2053772_2bd8n8qierk/iconfont.css">
    <!-- 引入底部样式 -->
    <link rel="stylesheet" href="../css/footer.css">

    <!-- Our Team -->
    <link rel="stylesheet" href="../css/our_team/index.css">
</head>

<body>
    <!-- 头部 -->
    <header id="head">
        <div class="red">
            <div id="center">
                <div class="logo">
                    <div class="l_left">
                        <img src="../img/logo/logo.png" alt="">
                    </div>
                </div>
            </div>

        </div>
        <div class="gray">
            <div id="center">
                <div class="l_right">
                    <div class="_right_in">
                        <div class="phone">
                            <span class="iconfont icon-dianhua01"></span>
                            <div class="font">
                                <p>Call for book:</p>
                                <p>(770) 123 4567</p>
                            </div>
                        </div>
                        <div class="social">
                            <a href="https://www.facebook.com/" target="_blank">
                                <span class="iconfont icon-facebook"></span>
                            </a>
                            <a href="https://www.twitter.com" target="_blank">
                                <span class="iconfont icon-twitter"></span>
                            </a>
                            <a href="https://wwd.com/tag/instagram/" target="_blank">
                                <span class="iconfont icon-instagram"></span>
                            </a>
                            <a href="https://wwww.youtube.com" target="_blank">
                                <span class="iconfont icon-youtube"></span>
                            </a>

                        </div>
                    </div>
                </div>
            </div>

        </div>

        <!-- 导航栏 -->
        <div id="container">
            <nav class="nav">
                <ul class="nav_list">
                    <li>
                        <a href="../home.html">
                            HOME
                        </a>
                    </li>
                    <li>
                        <a href="../pages/about_us.html">
                            ABOUT
                        </a>
                    </li>
                    <li>
                        <a href="../pages/services.html">
                            SERVICE▾
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            GALLERY
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            TEAM
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            TESTIMONIALS
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            BLOG▾
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            CONTACT US
                        </a>
                    </li>
                </ul>
                <div class="last_li">
                    <a href="javascript:;">
                        SET AN APPOINTMENT
                    </a>
                </div>
            </nav>
        </div>
    </header>

    <!-- Title -->
    <section class="ot_title clear">
        <h2>OUR TEAM</h2>
    </section>

    <!-- Our Team -->
    <section class="our_team clear">
        <div id="center">
            <div class="team_employees">
                <div class="one">
                    <span>Hugo James</span>
                </div>
                <div class="two">
                    <span>Hugo James</span>
                </div>
                <div class="three">
                    <span>Hugo James</span>
                </div>
                <div class="four">
                    <span>Hugo James</span>
                </div>
            </div>
            <div class="team_employees">
                <div class="two">
                    <span>Hugo James</span>
                </div>
                <div class="one">
                    <span>Hugo James</span>
                </div>
                <div class="four">
                    <span>Hugo James</span>
                </div>
                <div class="three">
                    <span>Hugo James</span>
                </div>
            </div>
        </div>
    </section>

    <!-- 底部 -->
    <footer>
        <section class="set_appoinment">
            <div id="center">
                <div class="saat">
                    <div class="saat_font">
                        <p>Set An <span style="color:#ee3131;">Appointment</span>
                        </p>
                        <p>Today</p>
                    </div>
                    <div class="saat_callAndPoint">
                        <div class="cfb">
                            <img src="../img/iconfont/phoneicon.png" alt="">
                            <div class="cfb_num">
                                <p>Call for book:</p>
                                <p>(770) 123 4567</p>
                            </div>
                        </div>
                        <div class="crp">
                            <img src="../img/iconfont/map_icon.png" alt="">
                            <div class="crp_concrete">
                                <p>Car Repairing Point:</p>
                                <p>123 Lorem lpsum 12 sit,
                                </p>
                                <p>dollor Atlant, GA 1234</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="contact_us">
                    <div class="cs_content">
                        <h2>Contact Us</h2>
                        <p></p>

                        <form action="" name="msg">
                            <input type="text" placeholder="Name">
                            <input type="email" placeholder="Email">
                            <input type="text" placeholder="Phone">
                            <div class="time">
                                <input type="date">
                                <input type="time">
                            </div>
                            <div href="javascript:;">
                                <a href="javascript:;">
                                    CONTACT US
                                </a>
                            </div>
                        </form>
                    </div>

                </div>
            </div>
        </section>

        <!-- 底部-下半部 -->
        <section class="follow_us">
            <div class="fu_content">
                <div class="footer_logo">
                    <img src="../img/logo/logo.png" alt="">
                    <ul class="foot_list">
                        <li>
                            <a href="javascript:;">
                                HOME
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                ABOUT
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                SERVICE
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                GALLERY
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                TEAM
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                TESTIMONIALS
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                BLOG
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                CONTACT US
                            </a>
                        </li>
                    </ul>
                    <div class="fuo">
                        <h3>FOLLOW US ON</h3>
                        <div>
                            <a href="https://www.facebook.com/" target="_blank">
                                <span class="iconfont icon-facebookfacebook52"></span>
                            </a>
                            <a href="https://www.twitter.com" target="_blank">
                                <span class="iconfont icon-tuite"></span>
                            </a>
                            <a href="https://wwd.com/tag/instagram/" target="_blank">
                                <span class="iconfont icon-instagram1"></span>
                            </a>
                            <a href="https://wwww.youtube.com" target="_blank">
                                <span class="iconfont icon-youtube-fill-round"></span>
                            </a>
                        </div>
                    </div>
                    <p>
                        Copyright © 2020.Auto Repair All Rights Reserved.

                    </p>
                </div>
            </div>
        </section>
        <a href="#head">
            <img src="../img/iconfont/car_upper.png" alt="">
        </a>
    </footer>

</body>

</html>